<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"  xmlns:th="http://www.thymeleaf.org">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

		<title>购物车页面</title>
<!--		<base href="http://192.168.20.166:80/"/>-->
		<link href="/AmazeUI-2.4.2/assets/css/amazeui.css" rel="stylesheet" type="text/css" />
		<link href="/basic/css/demo.css" rel="stylesheet" type="text/css" />
		<link href="/css/cartstyle.css" rel="stylesheet" type="text/css" />
		<link href="/css/optstyle.css" rel="stylesheet" type="text/css" />

		<script type="text/javascript" src="/js/jquery.js"></script>
		<script type="application/javascript">
			$(document).ready(function(){

				reloadTotal();
				//全选
				$("#J_SelectAllCbx2").change(function() {
					if($("#J_SelectAllCbx2").is(':checked')){
						//全选
						//alert("Option changed!");

						//全部选中的商品checkbox设置为选中
						//$('[id^=J_CheckBox_]').prop('checked', true);

						var checkboxes=$('[id^=J_CheckBox_]');
						checkboxes.each(function(i, n){
							$(n).prop('checked', true);
						});

						//var id=str.charAt(str.length-1);
						//全部总价，进行循环
						var eachfull=$('[id^=fullprice]');
						var sum=0;
						eachfull.each(function(i, n){
							//alert( "Item #" + i + ": " + n.innerHTML );
							//[name='newsletter']
							sum+=parseFloat(n.innerHTML);
						});
						//alert(sum);
						$("#J_Total").text(sum);
						$("#J_SelectedItemsCount").text(eachfull.size());
					}else{
						//全不选
						$('[id^=J_CheckBox_]').prop("checked",false);
						//alert("你大爷的");
						// var test=$('[id^=fullprice]');
						// var sum=0;
						// test.each(function(i, n){
						// 	//alert( "Item #" + i + ": " + n.innerHTML );
						// 	sum+=parseFloat(n.innerHTML);
						// });
						//alert(sum);
						$("#J_Total").text('0.0');
						$("#J_SelectedItemsCount").text(0);
					}

				});
				$.ajax({
					//url:"http://localhost:8002/index/status.action",
					//url:"http://localhost:9527/index/index/status.action",
					url:"/index/index/status.action",
					//url:"http://localhost:8001/login/status.action",
					type:"post",
					contentType:"application/json",
					dataType:"json",
					success:function (result) {
						if(result.state) {
							//已经登录
							if(result.data.email!=null&&result.data.email!=''){
								$("#showuser").text('欢迎你 '+result.data.email);
								$("#showuser").removeAttr('href');
								$("#middle-uname").text(result.data.email);
								$("#sidebar-username").text('用户名 '+result.data.email);
							}else if(result.data.phone!=null&&result.data.phone!=''){
								$("#showuser").text('欢迎你 '+result.data.phone);
								$("#showuser").removeAttr('href');
								$("#middle-uname").text(result.data.phone);
								$("#sidebar-username").text('用户名 '+result.data.phone);
							}else {
								$("#showuser").text('欢迎你 '+result.data.username);
								$("#showuser").removeAttr('href');
								$("#middle-uname").text(result.data.username);
								$("#sidebar-username").text('用户名 '+result.data.username);
							}
							//等级
							$("#sidebar-level").text(result.data.flag+" 级别普通会员");

							//头像
							$("#sidebar-usr-img").attr("src",result.data.pic);
							//alert(result.data.pic);

							$("#showexit").text("退出登录");
							// $("#showexit").removeAttr("href");
							//$("#showexit").attr("onclick","logout()");
							//$("#showexit").attr("href","/index/index/logout.action");
							$("#showexit").attr("href","/user/login/logout.action");

							$("#middle-login").text("退出登录");
							$("#middle-login").attr("href","/user/login/logout.action");
							$("#middle-reg").hide();
						}else{
							$("#J_Go").attr("href","/user/page/login");
							$("#J_Go").text("登录并结算");
						}
					}
				});
				$.ajax({
					//获取购物车
					url:"/cart/cart/show",
					type:"get",
					contentType:"application/json",
					dataType:"json",
					success:function (result) {
						if(result.state) {
							var list=result.data;
							$("#sidebar-cart-num").text(list.length);
							$("#J_MiniCartNum").text(list.length);
							reloadTotal();
						}else{
							$("#sidebar-cart-num").text("空");
						}
					}
				});
			});
			function search() {
				var keyword = $("#searchInput").val();
				//location.href = "http://localhost:8003/search/product/" + keyword;
				//location.href = "http://localhost:9527/search/search/product/" + keyword;
				location.href = "/search/search/product/" + keyword;
				return false;
			}

			//删除
			function delCart(id) {
				$.ajax({
					url: "/cart/cart/add?pid="+id+"&num=-2",
					type: "get",
					contentType: "application/json",
					dataType: "json",
					success: function (result) {
						if (result.state) {
							//删除成功
							//location.href = '/cart/page/cart';
							//$("#cart-item"+id).fadeOut("fast");
							$("#cart-item"+id).remove();
							reloadTotal();
							return false;
						}else{
							//$("#cart-item"+id).fadeOut("fast");
							$("#cart-item"+id).remove();
							reloadTotal();
							return false;
						}


					}
				});
			}


			//删除选中的
			function delCartBySelect() {
				//获取所有已经选中的
				var checkboxes=$('[id^=J_CheckBox_]');
				//保存已经选中的
				var checked=new Array();
				checkboxes.each(function(i, n){
					if($(n).is(':checked')){
						//被选中
						checked.push(i);
					}
				});


				checked.each(function(i, n){


					$.ajax({
						url: "/cart/cart/add?pid="+id+"&num="+n,
						type: "get",
						contentType: "application/json",
						dataType: "json",
						success: function (result) {
							if (result.state) {
								//删除成功
								//location.href = '/cart/page/cart';
								//$("#cart-item"+id).fadeOut("fast");
								$("#cart-item"+id).remove();
								reloadTotal();
								return false;
							}else{
								//$("#cart-item"+id).fadeOut("fast");
								$("#cart-item"+id).remove();
								reloadTotal();
								return false;
							}


						}
					});
				});
				reloadTotal();



			}

			//减少1
			function minCart(id) {
				var num_text=parseFloat($("#num-text"+id).val());
				$.ajax({
					url: "/cart/cart/add?pid="+id+"&num=-1",
					type: "get",
					contentType: "application/json",
					dataType: "json",
					success: function (result) {
						if (result.state) {
							//减少成功
							//location.href = '/cart/page/cart';
							//
							if(num_text==1){
								//减一后等于0
								//$("#cart-item"+id).fadeOut("fast");
								$("#cart-item"+id).remove();
								//alert("你大爷的");
							}else{
								var perprice=parseFloat($("#perprice"+id).text());
								//$("#fullprice").val(perprice*num_text);
								$("#fullprice"+id).text(perprice*(num_text-1));
							}

						}else{
							if(num_text==1){
								//减一后等于0
								//$("#cart-item"+id).fadeOut("fast");
								$("#cart-item"+id).remove();
								//alert("你大爷的");
							}else {
								var perprice=parseFloat($("#perprice"+id).text());
								$("#fullprice"+id).text(perprice*(num_text-1));
							}
						}



						reloadTotal();
					}
				});
			}

			//增加1
			function addCart(id) {
				var num_text=parseFloat($("#num-text"+id).val());
				$.ajax({
					url: "/cart/cart/add?pid="+id+"&num=1",
					type: "get",
					contentType: "application/json",
					dataType: "json",
					success: function (result) {
						if (result.state) {
							//增加成功
							//location.href = '/cart/page/cart';
							var perprice=parseFloat($("#perprice"+id).text());

							$("#fullprice"+id).text(perprice*(num_text+1));


							reloadTotal();

						}else{
							alert('error!!!');
						}
					}
				});
			}

			//重新加载总额
			function reloadTotal() {
				//获取所有已经选中的
				var checkboxes=$('[id^=J_CheckBox_]');
				//保存已经选中的
				var checked=new Array();
				checkboxes.each(function(i, n){
					if($(n).is(':checked')){
						//被选中
						checked.push(i);
					}
					//$(n).prop('checked', true);
				});
				//alert(checked);
				//给最后的总价修改好
				//全部总价，进行循环
				var eachfull=$('[id^=fullprice]');
				var sum=0;
				eachfull.each(function(i, n){
					//alert( "Item #" + i + ": " + n.innerHTML );
					//[name='newsletter']

					if(checked.indexOf(i) > -1){
						//alert('找到了'+i);
						sum+=parseFloat(n.innerHTML);
					}
					//sum+=parseFloat(n.innerHTML);
				});
				if(checked.length==0){
					$("#J_Go").attr("disabled", true);
				}else{
					$("#J_Go").attr("disabled", false);
				}
				$("#J_Total").text(sum);
				//alert(checked.length);
				$("#J_SelectedItemsCount").text(checked.length);
			}

			//结算购物车
			function account() {
				//获取所有已经选中的
				var checkboxes=$('[id^=J_CheckBox_]');
				//保存已经选中的
				var checked=new Array();
				checkboxes.each(function(i, n){
					if($(n).is(':checked')){
						//被选中
						checked.push(i);
					}
				});
				//给最后的总价修改好
				//全部总价，进行循环
				// var str=new Array();
				// var eachfull=$('[id^=fullprice]');
				// var temp={};
				// eachfull.each(function(i, n){
				// 	//alert( "Item #" + i + ": " + n.innerHTML );
				// 	//[name='newsletter']
				//
				// 	if(checked.indexOf(i) > -1){
				// 		//alert('找到了'+i);
				// 		//sum+=parseFloat(n.innerHTML);
				// 		temp.id=checked[i];
				// 		temp.num=parseFloat(n.innerHTML);
				// 		str[i]=temp;
				// 	}
				// 	//sum+=parseFloat(n.innerHTML);
				// });
				//alert(JSON.stringify(temp));
				//alert(JSON.stringify(str));
				$.ajax({
					//生成订单
					url:"/order/order/makeOrder",
					type:"post",
					contentType:"application/json",
					dataType:"json",
					data:JSON.stringify(checked),
					success:function (result) {
						if(result.state) {
							location.href='/order/order/orderPage?orderId='+result.data;
						}else{
							location.href="/";
						}
					}
				});
			}

		</script>
	</head>

	<body>

		<!--顶部导航条 -->
		<div class="am-container header">
			<ul class="message-l">
				<div class="topMessage">
					<div class="menu-hd">
						<a id="showuser" href="/user/page/login" target="_top" class="h">亲，请登录</a>
						<a id="showexit" href="/user/page/register" target="_top">免费注册</a>
					</div>
				</div>
			</ul>
			<ul class="message-r">
				<div class="topMessage home">
					<div class="menu-hd"><a href="/" target="_top" class="h">商城首页</a></div>
				</div>
				<div class="topMessage my-shangcheng">
					<div class="menu-hd MyShangcheng"><a href="/" target="_top"><i class="am-icon-user am-icon-fw"></i>个人中心</a></div>
				</div>
				<div class="topMessage mini-cart">
					<div class="menu-hd"><a id="mc-menu-hd" href="/cart/page/cart" target="_top"><i class="am-icon-shopping-cart  am-icon-fw"></i><span>购物车</span><strong id="J_MiniCartNum" class="h">0</strong></a></div>
				</div>
<!--				<div class="topMessage favorite">-->
<!--					<div class="menu-hd"><a href="#" target="_top"><i class="am-icon-heart am-icon-fw"></i><span>收藏夹</span></a></div>-->
<!--				</div>-->
			</ul>
			</div>

			<!--悬浮搜索框-->

			<div class="nav white">
				<div class="logo"><img src="/images/logo.png" /></div>
				<div class="logoBig">
					<li><img src="/images/logobig.png" /></li>
				</div>

				<div class="search-bar pr">
					<a name="index_none_header_sysc" href="#"></a>
					<form>
						<input id="searchInput" name="index_none_header_sysc" type="text" placeholder="搜索" autocomplete="off">
						<input id="ai-topsearch" class="submit am-btn" value="搜索" index="1" type="button" onclick="search()">
					</form>
				</div>
			</div>

			<div class="clear"></div>

			<!--购物车 -->
			<div class="concent">
				<div id="cartTable">
					<div class="cart-table-th">
						<div class="wp">
							<div class="th th-chk">
								<div id="J_SelectAll1" class="select-all J_SelectAll">

								</div>
							</div>
							<div class="th th-item">
								<div class="td-inner">商品信息</div>
							</div>
							<div class="th th-price">
								<div class="td-inner">单价</div>
							</div>
							<div class="th th-amount">
								<div class="td-inner">数量</div>
							</div>
							<div class="th th-sum">
								<div class="td-inner">金额</div>
							</div>
							<div class="th th-op">
								<div class="td-inner">操作</div>
							</div>
						</div>
					</div>
					<div class="clear"></div>

					<tr class="item-list">
						<div class="bundle  bundle-last ">
							<div class="bundle-hd">
								<div class="bd-promos">
<!--									<div class="bd-has-promo">已享优惠:<span class="bd-has-promo-content">省￥19.50</span>&nbsp;&nbsp;</div>-->
<!--									<div class="bd-has-promo">不享优惠:<span class="bd-has-promo-content">省你二大爷的</span>&nbsp;&nbsp;</div>-->
<!--									<div class="act-promo">-->
<!--&lt;!&ndash;										<a href="#" target="_blank">第二支半价，第三支免费<span class="gt">&gt;&gt;</span></a>&ndash;&gt;-->
<!--										<a href="#" target="_blank">喵喵喵<span class="gt">&gt;&gt;</span></a>-->
<!--									</div>-->
									<span class="list-change theme-login">编辑</span>
								</div>
							</div>
<!--							th:unless="${#lists.isEmpty(carts)}"-->
							<div class="clear"></div>
							<div class="bundle-main" >
								<ul  class="item-content clearfix" th:each="cart,cartState:${carts}" th:id="|cart-item${cart.product.id}|">
									<li class="td td-chk">
										<div class="cart-checkbox ">
											<input class="check" th:id="|J_CheckBox_${cart.product.id}|" onchange="reloadTotal()" name="items[]" th:value="|${cart.product.id}|" type="checkbox">
											<label th:for="|J_CheckBox_${cart.product.id}|"></label>
										</div>
									</li>
									<li class="td td-item">
										<div class="item-pic">
											<a href="#" target="_blank" th:data-title="${cart.product.pname}" class="J_MakePoint" data-point="tbcart.8.12">
												<img width="80" height="80" th:src="${cart.product.pimage}" class="itempic J_ItemImg"></a>
										</div>
										<div class="item-info">
											<div class="item-basic-info">
												<a th:href="|/pages/product${cart.product.id}|" target="_blank" th:title="${cart.product.pname}" class="item-title J_MakePoint" data-point="tbcart.8.11" th:text="${cart.product.pname}"></a>
											</div>
										</div>
									</li>
									<li class="td td-info">
										<div class="item-props item-props-can">
											<span class="sku-line" th:text="${cart.product.pname}"></span>
											<span class="sku-line" th:text="${cart.product.pname}"></span>
											<span tabindex="0" class="btn-edit-sku theme-login">修改</span>
											<i class="theme-login am-icon-sort-desc"></i>
										</div>
									</li>
									<li class="td td-price">
										<div class="item-price price-promo-promo">
											<div class="price-content">
<!--												<div class="price-line">-->
<!--													<em class="price-original" th:text="${cart.product.price}">原价</em>-->
<!--												</div>-->
												<div class="price-line">
													<em th:id="|perprice${cart.product.id}|" class="J_Price price-now" tabindex="0" th:text="${cart.product.price}">现价</em>
												</div>
											</div>
										</div>
									</li>
									<li class="td td-amount">
										<div class="amount-wrapper ">
											<div class="item-amount ">
												<div class="sl">
													<input class="min am-btn" name="" type="button" value="-" th:onclick="|minCart(${cart.product.id})|" />
													<input th:id="|num-text${cart.product.id}|" class="text_box" name="" type="text" th:value="${cart.num}" style="width:30px;" readonly/>
													<input class="add am-btn" name="" type="button" value="+" th:onclick="|addCart(${cart.product.id})|"/>
												</div>
											</div>
										</div>
									</li>
									<li class="td td-sum">
										<div class="td-inner">
											<em th:id="|fullprice${cart.product.id}|" tabindex="0" class="J_ItemSum number" th:text="${cart.product.price*cart.num}">总价</em>
										</div>
									</li>
									<li class="td td-op">
										<div class="td-inner">
<!--											<a title="移入收藏夹" class="btn-fav" href="#">-->
<!--                  移入收藏夹</a>-->
											<a href="javascript:;" data-point-url="#" class="delete" th:onclick="|delCart(${cart.product.id})|">
                  删除</a>
										</div>
									</li>
								</ul>
								
								
								
								
<!--								<ul class="item-content clearfix">-->
<!--									<li class="td td-chk">-->
<!--										<div class="cart-checkbox ">-->
<!--											<input class="check" id="J_CheckBox_170037950254" name="items[]" value="170037950254" type="checkbox">-->
<!--											<label for="J_CheckBox_170037950254"></label>-->
<!--										</div>-->
<!--									</li>-->
<!--									<li class="td td-item">-->
<!--										<div class="item-pic">-->
<!--											<a href="#" target="_blank" data-title="美康粉黛醉美东方唇膏口红正品 持久保湿滋润防水不掉色护唇彩妆" class="J_MakePoint" data-point="tbcart.8.12">-->
<!--												<img src="images/kouhong.jpg_80x80.jpg" class="itempic J_ItemImg"></a>-->
<!--										</div>-->
<!--										<div class="item-info">-->
<!--											<div class="item-basic-info">-->
<!--												<a href="#" target="_blank" title="美康粉黛醉美唇膏 持久保湿滋润防水不掉色" class="item-title J_MakePoint" data-point="tbcart.8.11">美康粉黛醉美唇膏 持久保湿滋润防水不掉色</a>-->
<!--											</div>-->
<!--										</div>-->
<!--									</li>-->
<!--									<li class="td td-info">-->
<!--										<div class="item-props item-props-can">-->
<!--											<span class="sku-line">颜色：12#川南玛瑙</span>-->
<!--											<span class="sku-line">包装：裸装</span>-->
<!--											<span tabindex="0" class="btn-edit-sku theme-login">修改</span>-->
<!--											<i class="theme-login am-icon-sort-desc"></i>-->
<!--										</div>-->
<!--									</li>-->
<!--									<li class="td td-price">-->
<!--										<div class="item-price price-promo-promo">-->
<!--											<div class="price-content">-->
<!--												<div class="price-line">-->
<!--													<em class="price-original">78.00</em>-->
<!--												</div>-->
<!--												<div class="price-line">-->
<!--													<em class="J_Price price-now" tabindex="0">39.00</em>-->
<!--												</div>-->
<!--											</div>-->
<!--										</div>-->
<!--									</li>-->
<!--									<li class="td td-amount">-->
<!--										<div class="amount-wrapper ">-->
<!--											<div class="item-amount ">-->
<!--												<div class="sl">-->
<!--													<input class="min am-btn" name="" type="button" value="-" />-->
<!--													<input class="text_box" name="" type="text" value="3" style="width:30px;" />-->
<!--													<input class="add am-btn" name="" type="button" value="+" />-->
<!--												</div>-->
<!--											</div>-->
<!--										</div>-->
<!--									</li>-->
<!--									<li class="td td-sum">-->
<!--										<div class="td-inner">-->
<!--											<em tabindex="0" class="J_ItemSum number">117.00</em>-->
<!--										</div>-->
<!--									</li>-->
<!--									<li class="td td-op">-->
<!--										<div class="td-inner">-->
<!--											<a title="移入收藏夹" class="btn-fav" href="#">-->
<!--                  移入收藏夹</a>-->
<!--											<a href="javascript:;" data-point-url="#" class="delete">-->
<!--                  删除</a>-->
<!--										</div>-->
<!--									</li>-->
<!--								</ul>-->
													
								
								
								
							</div>
						</div>
					</tr>
					<div class="clear"></div>

<!--					<tr class="item-list">-->
<!--						<div class="bundle  bundle-last ">-->
<!--							<div class="bundle-hd">-->
<!--								<div class="bd-promos">-->
<!--									<div class="bd-has-promo">已享优惠:<span class="bd-has-promo-content">省￥19.50</span>&nbsp;&nbsp;</div>-->
<!--									<div class="act-promo">-->
<!--										<a href="#" target="_blank">第二支半价，第三支免费<span class="gt">&gt;&gt;</span></a>-->
<!--									</div>-->
<!--									<span class="list-change theme-login">编辑</span>-->
<!--								</div>-->
<!--							</div>-->
<!--							<div class="clear"></div>-->
<!--							<div class="bundle-main">-->
<!--								<ul class="item-content clearfix">-->
<!--									<li class="td td-chk">-->
<!--										<div class="cart-checkbox ">-->
<!--											<input class="check" id="J_CheckBox_170769542747" name="items[]" value="170769542747" type="checkbox">-->
<!--											<label for="J_CheckBox_170769542747"></label>-->
<!--										</div>-->
<!--									</li>-->
<!--									<li class="td td-item">-->
<!--										<div class="item-pic">-->
<!--											<a href="#" target="_blank" data-title="美康粉黛醉美东方唇膏口红正品 持久保湿滋润防水不掉色护唇彩妆" class="J_MakePoint" data-point="tbcart.8.12">-->
<!--												<img src="images/kouhong.jpg_80x80.jpg" class="itempic J_ItemImg"></a>-->
<!--										</div>-->
<!--										<div class="item-info">-->
<!--											<div class="item-basic-info">-->
<!--												<a href="#" target="_blank" title="美康粉黛醉美唇膏 持久保湿滋润防水不掉色" class="item-title J_MakePoint" data-point="tbcart.8.11">美康粉黛醉美唇膏 持久保湿滋润防水不掉色</a>-->
<!--											</div>-->
<!--										</div>-->
<!--									</li>-->
<!--									<li class="td td-info">-->
<!--										<div class="item-props item-props-can">-->
<!--											<span class="sku-line">颜色：10#蜜橘色</span>-->
<!--											<span class="sku-line">包装：两支手袋装（送彩带）</span>-->
<!--											<span tabindex="0" class="btn-edit-sku theme-login">修改</span>-->
<!--											<i class="theme-login am-icon-sort-desc"></i>-->
<!--										</div>-->
<!--									</li>-->
<!--									<li class="td td-price">-->
<!--										<div class="item-price price-promo-promo">-->
<!--											<div class="price-content">-->
<!--												<div class="price-line">-->
<!--													<em class="price-original">78.00</em>-->
<!--												</div>-->
<!--												<div class="price-line">-->
<!--													<em class="J_Price price-now" tabindex="0">39.00</em>-->
<!--												</div>-->
<!--											</div>-->
<!--										</div>-->
<!--									</li>-->
<!--									<li class="td td-amount">-->
<!--										<div class="amount-wrapper ">-->
<!--											<div class="item-amount ">-->
<!--												<div class="sl">-->
<!--													<input class="min am-btn" name="" type="button" value="-" />-->
<!--													<input class="text_box" name="" type="text" value="3" style="width:30px;" />-->
<!--													<input class="add am-btn" name="" type="button" value="+" />-->
<!--												</div>-->
<!--											</div>-->
<!--										</div>-->
<!--									</li>-->
<!--									<li class="td td-sum">-->
<!--										<div class="td-inner">-->
<!--											<em tabindex="0" class="J_ItemSum number">117.00</em>-->
<!--										</div>-->
<!--									</li>-->
<!--									<li class="td td-op">-->
<!--										<div class="td-inner">-->
<!--											<a title="移入收藏夹" class="btn-fav" href="#">-->
<!--                  移入收藏夹</a>-->
<!--											<a href="javascript:;" data-point-url="#" class="delete">-->
<!--                  删除</a>-->
<!--										</div>-->
<!--									</li>-->
<!--								</ul>-->
<!--							</div>-->
<!--						</div>-->
<!--					</tr>-->
				</div>
				<div class="clear"></div>

				<div class="float-bar-wrapper">
					<div id="J_SelectAll2" class="select-all J_SelectAll">
						<div class="cart-checkbox">
							<input class="check-all check" id="J_SelectAllCbx2" name="select-all" value="true" type="checkbox">
							<label for="J_SelectAllCbx2"></label>
						</div>
						<span>全选</span>
					</div>
					<div class="operations">
						<a onclick="delCartBySelect()" hidefocus="true" class="deleteAll">删除</a>
<!--						<a href="#" hidefocus="true" class="J_BatchFav">移入收藏夹</a>-->
					</div>
					<div class="float-bar-right">
						<div class="amount-sum">
							<span class="txt">已选商品</span>
							<em id="J_SelectedItemsCount">0</em><span class="txt">件</span>
							<div class="arrow-box">
								<span class="selected-items-arrow"></span>
								<span class="arrow"></span>
							</div>
						</div>
						<div class="price-sum">
							<span class="txt">合计:</span>
							<strong class="price">¥<em id="J_Total">0.00</em></strong>
						</div>
						<div class="btn-area">
							<a onclick="account()" id="J_Go" class="submit-btn submit-btn-disabled" aria-label="请注意如果没有选择宝贝，将无法结算">
								<span>结&nbsp;算</span></a>
						</div>
					</div>

				</div>

				<div class="footer">
					<div class="footer-hd">
						<p>
							<a href="#">恒望科技</a>
							<b>|</b>
							<a href="#">商城首页</a>
							<b>|</b>
							<a href="#">支付宝</a>
							<b>|</b>
							<a href="#">物流</a>
						</p>
					</div>
					<div class="footer-bd">
						<p>
							<a href="#">关于恒望</a>
							<a href="#">合作伙伴</a>
							<a href="#">联系我们</a>
							<a href="#">网站地图</a>
							<em>© 2015-2025 Hengwang.com 版权所有</em>
						</p>
					</div>
				</div>

			</div>

			<!--操作页面-->

			<div class="theme-popover-mask"></div>

			<div class="theme-popover">
				<div class="theme-span"></div>
				<div class="theme-poptit h-title">
					<a href="javascript:;" title="关闭" class="close">×</a>
				</div>
				<div class="theme-popbod dform">
					<form class="theme-signin" name="loginform" action="" method="post">

						<div class="theme-signin-left">

							<li class="theme-options">
								<div class="cart-title">颜色：</div>
								<ul>
									<li class="sku-line selected">12#川南玛瑙<i></i></li>
									<li class="sku-line">10#蜜橘色+17#樱花粉<i></i></li>
								</ul>
							</li>
							<li class="theme-options">
								<div class="cart-title">包装：</div>
								<ul>
									<li class="sku-line selected">包装：裸装<i></i></li>
									<li class="sku-line">两支手袋装（送彩带）<i></i></li>
								</ul>
							</li>
							<div class="theme-options">
								<div class="cart-title number">数量</div>
								<dd>
									<input class="min am-btn am-btn-default" name="" type="button" value="-" />
									<input class="text_box" name="" type="text" value="1" style="width:30px;" />
									<input class="add am-btn am-btn-default" name="" type="button" value="+" />
									<span  class="tb-hidden">库存<span class="stock">1000</span>件</span>
								</dd>

							</div>
							<div class="clear"></div>
							<div class="btn-op">
								<div class="btn am-btn am-btn-warning">确认</div>
								<div class="btn close am-btn am-btn-warning">取消</div>
							</div>

						</div>
						<div class="theme-signin-right">
							<div class="img-info">
								<img src="/images/kouhong.jpg_80x80.jpg" />
							</div>
							<div class="text-info">
								<span class="J_Price price-now">¥39.00</span>
								<span id="Stock" class="tb-hidden">库存<span class="stock">1000</span>件</span>
							</div>
						</div>

					</form>
				</div>
			</div>
		<!--引导 -->
		<div class="navCir">
			<li class="active"><a href="/"><i class="am-icon-home "></i>首页</a></li>
			<li><a href="/"><i class="am-icon-list"></i>分类</a></li>
			<li><a href="/cart/page/cart"><i class="am-icon-shopping-basket"></i>购物车</a></li>
			<li><a href="/"><i class="am-icon-user"></i>我的</a></li>
		</div>

	</body>

</html>